用户故事#1:我的属性页面应该有一个对应id=“main”的元素，该元素包含所有其他元素。



用户故事#2：我应该看到一个具有相应id=“title”的元素，该元素包含一个字符串（即文本），该字符串描述了贡品页面的主题（例如“Norman Borlaug博士”）。



用户案例3：我应该看到一个带有对应id=“img div”的div元素。



用户故事4：在img div元素中，我应该看到一个带有相应id=“image”的img元素。



用户故事5：在img div元素中，我应该看到一个具有相应id=“img caption”的元素，该元素包含描述img-div中显示的图像的文本内容。



用户故事#6：我应该看到一个具有相应id=“attribute info”的元素，该元素包含描述属性页面主题的文本内容。



用户故事#7：我应该看到一个具有相应id=“property link”的a元素，该元素链接到一个外部站点，该站点包含关于属性页面主题的附加信息。提示：您必须给元素一个target属性并将其设置为\u
blank，这样链接才能在新选项卡中打开（即target=“u blank”）。



用户故事8:img元素应该根据其父元素的宽度相应地调整大小，而不超过其原始大小。



用户故事9:img元素应该位于其父元素的中心。



你可以用分叉笔来制作你的笔。或者，您可以使用此CDN链接在您喜欢的任何环境中运行测试：https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js。